  .outer-container {
    margin: 0 10rpx;

    .outline-container{

        .title {}
  
        .brief {}
  
        .createTime {}
  
        .deadline {}
    }

      .inner-container {

          .puncher {
              .isChecked {}

              .tips {}
          }

          .checker {
              .joinNumber {}

              .checkedNumber {}

              .attendanceRate {}

              .puncher-list {
                  height: 300px;
                  margin: 50px 5px;
                  margin-top: 0;
                  border: 1px solid #EEE;
                  border-radius: 5px;
                  width: auto;

                  .puncher_item {
                      border-bottom: 1px solid #EEE;
                      padding: 10px;
                      color: #666;

                      .user_icon {
                          height: 38px;
                          width: 38px;
                          overflow: hidden;
                      }
                  }

                  .puncher_item_hover {
                      background-color: rgba(0, 0, 0, .1);
                  }

              }
          }
      }
  }